<template>
  <div id="app">
    <!-- 路由出口 -->
    <router-view></router-view>

    <!-- 导航栏 -->
    <app-nav></app-nav>
  </div>
</template>

<script>
import appNav from "./components/appNav.vue";
import userApi from "./api/userApi";
export default {
  data() {
    return {};
  },

  components: {
    appNav
  },

  methods: {
    // 测试; 如果有需要直接在需要验证或者其他的功能所在的那个文件引入api即可
    fetch() {
      userApi.checkName("刘德华").then(res => {
        console.log(res, 666);
      });
    }
  },
  created() {
    this.fetch(); //进入页面就发送请求
  }
};
</script>

<style lang="scss">
@import "./assets/sass/reset.scss";
@function vw($px) {
  @return ($px / 750) * 100vw;
}
@import "./assets/sass/app.scss";
</style>